<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">

        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>
    <body onload="inicializar()" >
        <div  style="overflow: auto; width: 710px; height: 400px">
        <center>
            <h1> Nuevo Proyecto de Inversi&oacute;n</h1>
            <html:form action="ProgEstra.do?dispatch=load" styleId="ProgEstrForm">
                <html:hidden property="numCriterio" styleId="numCriterioHidden"/>
                <table>
                    <tr>
                        <td width="193">
                            Objetivo General Estrat&eacute;gico :
                        </td>
                        <td width="290" >
                            <html:select property="codOge" styleId="codOge" onchange="buscarComboOEE()" style="width: 360px">
                                <html:option value="-1">[--Seleccionar Objetivo General Estrat&eacute;gico--]</html:option>
                                <html:optionsCollection name="ProgEstrForm" property="OGE" value="COD_OGE" label="DESC_OGE" />
                            </html:select>
                        </td>
                    </tr>
                    <tr>
                    <td>Descripci&oacute;n Objetivo General Estrat&eacute;gico: </td>
                    <td>
                        <html:textarea  styleId="descObj" property="descObj"  rows="5" cols="100" disabled="true" />
                    </td>
                </tr>


                    <tr>
                        <td>
                            Objetivo Espec&iacute;fico Estrat&eacute;gico :
                        </td>


                        <td>
                            <div id="comboPadre">
                                <html:select property="codOee" styleId="codOee" style="width: 360px">
                                    <html:option value="-1">[--Seleccionar Objetivo Espec&iacute;fico Estrat&eacute;gico--]</html:option>
                                    
                                </html:select><br>
                            </div>
                        </td>

                    </tr>
                      <tr>
                    <td>Descripci&oacute;n Objetivo Espec&iacute;fico Estrat&eacute;gico: </td>
                    <td>
                        <html:textarea  styleId="descObjEsp" property="descObjEsp"  rows="5" cols="100" disabled="true" />
                    </td>
                </tr>

                    <tr>
                        <td >
                            Actividad Estrat&eacute;gica:
                        </td>
                        <td >
                            <div id="comboHijo">
                                <html:select property="codActPer" styleId="codActPer" style="width: 360px" >
                                    <html:option value="-1">[--Seleccionar Actividad Estrat&eacute;gica--]</html:option>
                                   
                                </html:select>
                            </div>
                        </td>

                    </tr>
                    <tr>
                    <td>Descripcion de Actividad Estrat&eacute;gica</td>
                    <td>
                        <html:textarea  styleId="descActPer" property="descActPer"  rows="5" cols="100" disabled="true" />
                    </td>
                </tr>





                    <tr>


                        <td>
                            Regi&oacute;n :
                        </td>
                        <td>
                            <html:select property="region" styleId="codRegion"  onchange="comboProvincia()" >

                                <html:option value="-1">[--Seleccionar Regi&oacute;n--]</html:option>
                                <html:optionsCollection name="ProgEstrForm" property="listRegion" value="NUM_CODDPTO_PK" label="TX_NOMDPTO" />

                            </html:select>
                        </td>

                    </tr>
                    <tr>


                        <td>Provincia :</td>
                        <td>
                            <div id="provincia">
                                <html:select property="provincia" styleId="codProvincia">
                                    <html:option value="-1">[--Seleccionar Provincia--]</html:option>
                                </html:select>
                            </div>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Distrito :
                        </td>
                        <td>
                            <div id="distrito">
                                <html:select property="distrito" styleId="codDistrito">
                                    <html:option value="-1">[--Seleccionar Distrito--]</html:option>
                                </html:select>
                            </div>
                        </td>

                    </tr>




                    <tr>

                        <td>
                            T&iacute;tulo de Proyecto :

                        </td>

                        <td>
                            <html:text property="titu_programa" styleId="titu_programa" />
                        </td>
                    </tr>


                    <tr>
                        <td>


                            Justificaci&oacute;n :

                        </td>
                        <td >
                            <html:text property="justificacion" styleId="justificacion" />

                        </td>

                    </tr>


                    <tr>
                        <td>


                            Fecha Inicio :

                        </td>
                        <td >
                            <html:text  styleId="fechaInicio" property="fechaInicio" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />

                        </td>
                    </tr>


                    <tr>
                        <td>

                            Fecha T&eacute;rmino :

                        </td>
                        <td >
                            <html:text  styleId="fechaFin" property="fechaFin" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger2" id="trigger2" title="Abrir Calendario" />
                        </td>
                    </tr>

                    <tr>
                        <td>


                            Codigo SNIP  :
                        </td>
                        <td >
                            <html:text property="numConvenio" styleId="numConvenio"/>
                        </td>
                    </tr>

                    <tr>
                        <td>

                            Presupuesto :

                        </td>
                        <td >
                            <html:select property="codAnio" styleId="codAnio">
                                <html:option value="-1">[--Seleccionar A&ntilde;o--]</html:option>
                                <html:optionsCollection name="ProgEstrForm" property="listAnio" value="COD_ANIO" label="DESC_ANIO" />

                            </html:select>
                            Monto :
                            <html:text  property="monto" styleId="monto" onkeypress="return isDecimalKey(event);" />
                            <br>
                            <label style="color: red ">El monto no debe de pasar de 12 d&iacute;gitos enteros y  2 decimales.</label>
                        </td>
                    </tr>

                    <tr><td>
                            Adjuntar &Aacute;rbol de Problemas :
                        </td>
                        <td>


                            <html:file property="adjunto" styleId="adjunto"/>

                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <h5>  Criterios Para la Mejora de la Insfraestructura</h5>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Construcci&oacute;n Nueva :

                            <html:radio property="numCriterio"  styleId="1id"  value="1"  onclick="notViw()"   />
                        </td>
                        <td>
                            Continuaci&oacute;n :
                            <html:radio property="numCriterio"  styleId="2id"  value="2"  onclick="viw()"   />
                        </td>
                    </tr>

                    <tr>
                        <td colspan="2">
                            <div id="viw">
                                Reacondicionamiento :
                                <html:checkbox styleId="id1" property="saneamientoLegal"/>
                                Remodelaci&oacute;n :
                                <html:checkbox styleId="id2" property="saneamientoLegal"/>
                                Ampliaci&oacute;n :
                                <html:checkbox styleId="id3" property="saneamientoLegal"/>
                            </div>
                        </td>
                    </tr>              
                    <tr>
                        <td align="center" colspan="2">
                            <input id="Insertar" name="Insertar" type="button" value="Grabar" onclick="validar()"/>
                        </td>
                    </tr>
                </table>

            </html:form>
<script>
                   Calendar.setup(
                {
                  inputField  : "fechaFin",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger2"       // ID of the button
                }
                );
                    Calendar.setup(
                {
                  inputField  : "fechaInicio",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>
        </center>
        </div>






    </body>
</html>

<script type="text/javascript">

    function inicializar(){
        document.getElementById("viw").style.display="none";
        document.getElementById("1id").checked=true;
         
    }
    function buscarComboOEE(){
        describirog();
       
        var id = document.getElementById("codOge").value;
        var idDiv = "comboPadre";
        var metodo = "GET";
        var url = "consultasAjax/comboProyInvercionAjax.jsp?id="+id+"&codTipCombo=llenarComboOee";
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        
      
    }

    function buscarComboActividades(){
        describiroe();
        var id = document.getElementById("codOee").value;
        var idDiv = "comboHijo";
        var metodo = "GET";
        var url = "consultasAjax/comboAPermanenteAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }


    function autoCompletarDiv(metodo,url,cadena,async,idDiv)
    {
        if( window.XMLHttpRequest )
            ajax = new XMLHttpRequest();
        else
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
        ELEMENT_DIV = idDiv;
        ajax.onreadystatechange = funcionCallbackVerDiv;
        ajax.open( metodo, url, async);
        ajax.send(cadena);
    }

    function funcionCallbackVerDiv()
    {
        if( ajax.readyState == 4 )
        {
            if( ajax.status == 200 )
            {
                document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
            }
        }
    }
    

    function validar(){



        var monto=document.getElementById("monto").value;



var parte=monto.substr((parseInt(monto.length)-1),(parseInt(monto.length)-1));

if(parte=="."){
    alert("Numero mal formado");
    document.getElementById("monto").focus();
            return;
}

var parte2=monto.substr(12,12);
if(parte2==1||parte2==2||parte2==3||parte2==4||parte2==5||parte2==6||parte2==7||parte2==8||parte2==9){
    alert("Numero mal formado");
    document.getElementById("monto").focus();
            return;
}

var parte3=monto.substr(12,12);
if(parte3==0&&(parseInt(monto.length)-1)==12){
    alert("Numero mal formado");
    document.getElementById("monto").focus();
            return;
}


        if (document.getElementById("codOge").value==-1){
            alert("Seleccione un Objetivo General");
            document.getElementById("codOge").focus();
            return;
        }
        if (document.getElementById("codOee").value==-1){
            alert("Seleccione  un Objetivo Estrategico Especifico");
            document.getElementById("codOee").focus();
            return;
        }

        if (document.getElementById("codActPer").value==-1){
            alert("Seleccione  una Actividad Permanente");
            document.getElementById("codActPer").focus();
            return;
        }
        if (document.getElementById("codRegion").value==-1){
            alert("Seleccione una Region/Departamento");
            document.getElementById("codRegion").focus();
            return;
        }
        
        if (document.getElementById("codProvincia").value==-1){
            alert("Seleccione una Provincia");
            document.getElementById("codProvincia").focus();
            return;
        }
        if (document.getElementById("codDistrito").value==-1){
            alert("Seleccione un Distrito");
            document.getElementById("codDistrito").focus();
            return;
        }

        if (document.getElementById("codAnio").value==-1){
            alert("Seleccione un Año");
            document.getElementById("codAnio").focus();
            return;
        }

        if (document.getElementById("titu_programa").value==""){
            alert("Ingrese el Titulo del Programa");
            document.getElementById("titu_programa").focus();
            return;
        }
            
        if (document.getElementById("justificacion").value==""){
            alert("Ingrese la Justificacion");
            document.getElementById("justificacion").focus();
            return;
        }
            
        if (document.getElementById("fechaInicio").value==""){
            alert("Ingrese la Fecha de Inicio del Proyecto");
            document.getElementById("fechaInicio").focus();
            return;
        }

        if (document.getElementById("fechaFin").value==""){
            alert("Ingrese la Fecha de Fin del Proyecto");
            document.getElementById("fechaFin").focus();
            return;
        }

        if (document.getElementById("numConvenio").value==""){
            alert("Ingrese  el Codigo SNIP");
            document.getElementById("numConvenio").focus();
            return;
        }

        if (document.getElementById("monto").value==""){
            alert("Ingrese  un Monto para el Presupuesto");
            document.getElementById("monto").focus();
            return;
        }
       
        grabar();
    }

    function eventoSoloNumeros(){


        var key = event.keyCode;

        if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
            event.returnValue = true;
        else
            event.returnValue = false;

    }

    function viw(){

        document.getElementById("viw").style.display="";
        document.getElementById("id1").checked;

    }
    function notViw(){

        document.getElementById("viw").style.display="none";

    }

    function grabar(){
        var form = document.getElementById("ProgEstrForm");
        var codDistrito=document.getElementById("codDistrito").value;
        var codActPer=document.getElementById("codActPer").value;

        if(document.getElementById("1id").checked){
            var numCriterio=document.getElementById("1id").value;
        }
        else{
            var numCriterio=document.getElementById("2id").value;
        }


        if(document.getElementById("id1").checked){
            var saneamientoLegal=1;
        }
        else{
            var saneamientoLegal=0;
        }
        if(document.getElementById("id2").checked){
            var saneamientoLegal2=1;
        }
        else{
            var saneamientoLegal2=0;
        }
        if(document.getElementById("id3").checked){
            var saneamientoLegal3=1;
        }
        else{
            var saneamientoLegal3=0;
        }


      
        
        form.action="ProgEstra.do?dispatch=grabarProyectoInversion&codDistrito="+codDistrito+"&tipo="+1+"&codActPer="+codActPer+"&cod="+0+"&numCriterio="+numCriterio+"&saneamientoLegal="+saneamientoLegal+"&saneamientoLegal2="+saneamientoLegal2+"&saneamientoLegal3="+saneamientoLegal3;

        form.method="post";
        form.submit();

    }

  


    function verMantenimientoTrue(){

        document.getElementById("id1").disabled=true;
        document.getElementById("id2").disabled=true;
        document.getElementById("id3").disabled=true;
     
    }

    function verMantenimientoFalse(){

        document.getElementById("id1").disabled=false;
        document.getElementById("id2").disabled=false;
        document.getElementById("id3").disabled=false;

    }

    function verMantenimientomuestra(num){
        if(num==0){
            document.getElementById("mantenimiento").style.display="none";


        }else{
            document.getElementById("mantenimiento").style.display="";
        }
    }


    function ingNro(num){

        if(num==1){
           
            document.getElementById("sl").style.display="";

        }else{
        
            document.getElementById("sl").style.display="none";
        }


    }

    function comboProvincia(){
             
        var id = document.getElementById("codRegion").value;
        var idDiv = "provincia";
        var metodo = "GET";
        var url = "consultasAjax/comboProvinciaAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
      
        
        
    }



   


    function comboDistrito(){

       
        var id = document.getElementById("codProvincia").value;
          
        var idDiv = "distrito";
        var metodo = "GET";
        var url = "consultasAjax/comboDistritoAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        //   var capa1= document.getElementById("divTabla");
        //   capa1.innerHTML="";

    }



    function comboDistritoF(){


        var id = document.getElementById("codProvincia").value;

        var idDiv = "distrito";
        var metodo = "GET";
        var url = "consultasAjax/comboDistritoFAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        //   var capa1= document.getElementById("divTabla");
        //   capa1.innerHTML="";

    }

     function descActividad(){
       
            var codActPer = document.getElementById("codActPer").selectedIndex;
       
         var descActPer = document.ProgEstrForm.codActPer.options[codActPer].text;
         
            document.getElementById("descActPer").value=descActPer;
        }


        function describirog(){
            var idObj = document.getElementById("codOge").selectedIndex;
            var descObj = document.ProgEstrForm.codOge.options[idObj].text;
           document.getElementById("descObj").value=descObj;
        }

        function describiroe(){
            var idObje = document.getElementById("codOee").selectedIndex;
            var descObje = document.ProgEstrForm.codOee.options[idObje].text;
            document.getElementById("descObjEsp").value=descObje;
        }


        function isDecimalKey(evt) {
        if (!(evt.keyCode == 46 || (evt.keyCode >= 48 && evt.keyCode <= 57))) return false;
        var parts = evt.srcElement.value.split('.');
        if (parts.length > 2) return false;
        if (evt.keyCode == 46) return (parts.length == 1);
        if (parts[0].length >= 13) return false;
        if (parts.length == 2 && parts[1].length >= 2) return false;
    }

</script>
